
.login-page {
  width: 360px;
  padding: 10% 0 0;
  margin: auto;
}
#logo {
  width: 100%;
  height: 100%;
}
.form {
  position: relative;
  z-index: 1;
  background: linear-gradient(145deg, #2d3032, #26292a);
  max-width: 360px;
  margin: 20px auto 0;
  padding: 45px;
  border-radius: 25px;
  box-shadow:  25px 25px 50px #191b1c,
  -25px -25px 50px #3b3f42;
}
.form input {
  width: 100%;
}
.form button {
  border-radius: 71px;
  outline: 0;
  width: 60%;
  border: 0;
  padding: 15px;
  background: linear-gradient(145deg, #2d3032, #26292a);
  box-shadow:  25px 25px 50px #191b1c,
  -25px -25px 50px #3b3f42;
  font-size: 14px;
  cursor: pointer;
}
#incode {
  width: 60%;
}
.codeButton2{
  float: right;
}
.form button:hover,.form button:active,.form button:focus {
  background: linear-gradient(145deg, #26292a, #2d3032);
}
.form .message {
  padding-top: 10px;
  color: #9f9f9f;
  font-size: 12px;
}
.f-password {
  color: white;
  margin-top: -5px;
  margin-left: 210px;
  text-align: right;
  font-size: 12px;
  cursor: pointer;
}
.form .message a {
  color: white;
  text-decoration: none;
}
.form .register-form {
  display: none;
}

.LoginDownCat {
  width:200px;
  margin-top: -25px;
}

.ImageCode {
  float:right;
  margin-top: 2px;
  cursor: pointer;
}

.footerButton {
  text-align: center;
  margin-bottom: 20px;
}

.ImageCodeItem .el-input {
  display: inline;
}
.CodeInput{
  width:49%!important;
  float: left!important;
}

.CodeInput1{
  width:55%!important;
  float: left!important;
}

.codeButton{
  width:50%!important;
  color:#fff!important;
}

.el-button.is-disabled {
  background: linear-gradient(145deg, #2d3032, #26292a) !important;
}
.PhoneCodeItem .el-button.is-disabled{
  background:none !important;;
  color: #000!important;
}

.bottom {
  text-align: center;
}

